@import "../../style/public";
.tongfuPublicity {
    .page-body {
        display: flex;
        flex-direction: column;
        .top-pic {
            position: relative;
            width: 100%;
            height: 0;
            padding-top: 32%; /* 100%*(1/0.32)  */
            img {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }
        }
        .video-content {
            position: relative;
            width: 100%;
            height: 0;
            padding-top: 56.25%; /* 100%*(1/0.5625)  */
            background: url('../../assets/images/tongfu_publicity_cover.png');
            background-size: contain;
            video {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }
            img {
                z-index: 999;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }
        }
        .bottom-pic {
            flex: 2; 
            max-height: 60%;
            img {
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }
        }
    }
}
